import React from 'react'
import { V_WIDTH, V_MIN_WIDTH } from '../../utils/config'
import MinAndMax from '@/components/MinAndMax'
import { connect } from 'react-redux'
import style from './index.css'

const Footer = (props) => {
  console.log(props, 'props Footer')
  return (<div className="footerBeian">
      <MinAndMax bgc="rgba(242,242,242,1)" borderTop="1px solid #bbb">
          <div className="foot-er">
            <div className={style.left}>
              <p style={{color: '#999'}}>
                服务条款&nbsp;&nbsp;|&nbsp;&nbsp;隐私政策&nbsp;&nbsp;|&nbsp;&nbsp;儿童隐私政策&nbsp;&nbsp;|&nbsp;&nbsp;版权投诉指引&nbsp;&nbsp;|&nbsp;&nbsp;意见反馈&nbsp;|
              </p>
              <p>
                网易公司版权所有@1997-2021 杭州乐读科技有限公司运营：浙网文[2018]3506-263号
              </p>
              <p>
                违法和不良信息举报电话：0571-89853516 举报邮箱：ncm5990@163.com
              </p>
              <p>
                浙ICP备19022677号-1 &nbsp;&nbsp;
                <a href="https://beian.miit.gov.cn/#/Integrated/index" rel="noopener noreferrer" target="_blank" class="alink s-fc3">工业和信息化部备案管理系统网站</a>
              </p>
            </div>
            <img src="https://cdn1.chinayarn.com/dsc/2020-11/img/C6YhtphpjklWJR1605538255201116.png" alt="footer-right" className="footer-right"/>
          </div>
          <style jsx="true">{`
          .foot-con{
            max-width: ${V_WIDTH};
            min-width: ${V_MIN_WIDTH};
            margin: 0 auto;
          }
          .foot-er{
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 10px 60px 10px;
          }
          .foot-wapper{
            background: rgba(242,242,242,1);
          }
        `}</style>
        {/* </div>
      </div> */}
      </MinAndMax>
    </div>
  )
}

export default connect()(Footer)
